import { createRouter, createWebHashHistory } from 'vue-router';
// 创建路由规则
const routes = [
    {
        path: '/',
        name: 'index',
        component: () => import('@/views/index')
    },
    {
        path: '/login',
        name: 'login',
        component: () => import('@/views/login/myLogin')
    },
    {
        path: '/dragTheCube',
        name: 'dragTheCube',
        component: () => import('@/views/dragTheCube/DragTheCube')
    },
    {
        path: '/editExcelOnline',
        name: 'editExcelOnline',
        component: () => import('@/views/editExcelOnline/EditExcelOnline.vue')
    },
    {
        path: '/dynamicComponent',
        name: 'DynamicComponent',
        component: () => import('@/views/dynamicComponent/DynamicComponent')
    },
    {
        path: '/asynchronousComponent',
        name: 'AsynchronousComponent',
        component: () => import('@/views/asynchronousComponent/AsynchronousComponent')
    },
    {
        path: '/steeringWheel',
        name: 'SteeringWheel',
        component: () => import('@/views/steeringWheel/SteeringWheel')
    },
    {
        path: '/pdfWatermarking',
        name: 'PDFWatermarking',
        component: () => import('@/views/pdfWatermarking/PDFWatermarking')
    },
    {
        path: '/threejsLoadsGltf',
        name: 'ThreejsLoadsGltf',
        component: () => import('@/views/threejsLoadsGltf/ThreejsLoadsGltf')
    },
    {
        path: '/gridLayout',
        name: 'GridLayout',
        component: () => import('@/views/gridLayout/GridLayout')
    },
    {
        path: '/gridLayout2',
        name: 'GridLayout2',
        component: () => import('@/views/gridLayout/GridLayout2')
    },
    {
        path: '/waterfallFlow',
        name: 'WaterfallFlow',
        component: () => import('@/views/waterfallFlow/WaterfallFlow')
    },
    {
        path: '/canvasRound',
        name: 'CanvasRound',
        component: () => import('@/views/canvasExercise/CanvasRound')
    },
    {
        path: '/canvasDial',
        name: 'CanvasDial',
        component: () => import('@/views/canvasExercise/CanvasDial')
    },
    {
        path: '/svgAnimation',
        name: 'SvgAnimation',
        component: () => import('@/views/svgAnimation/SvgAnimation')
    },
    {
        path: '/fontEffect',
        name: 'FontEffect',
        component: () => import('@/views/fontEffect/FontEffect')
    },
    {
        path: '/filterUsage',
        name: 'FilterUsage',
        component: () => import('@/views/cssProperties/FilterUsage.vue')
    },
    {
        path: '/snowEffect',
        name: 'SnowEffect',
        component: () => import('@/views/winter/SnowEffect.vue')
    },
    {
        path: '/accordion',
        name: 'Accordion',
        component: () => import('@/views/cssEffects/Accordion.vue')
    },
    {
        path: '/luminousBorder',
        name: 'LuminousBorder',
        component: () => import('@/views/cssEffects/LuminousBorder.vue')
    },
    {
        path: '/backgroundSwitch',
        name: 'BackgroundSwitch',
        component: () => import('@/views/cssEffects/BackgroundSwitch.vue')
    },
    {
        path: '/htmlToPDF',
        name: 'HtmlToPDF',
        component: () => import('@/views/pdfWatermarking/HtmlToPDF.vue')
    },
    {
        path: '/pdfmakeTable',
        name: 'PdfmakeTable',
        component: () => import('@/views/pdfWatermarking/PdfmakeTable.vue')
    },
    {
        path: '/lineChart',
        name: 'LineChart',
        component: () => import('@/views/charts/LineChart.vue')
    },
    {
        path: '/barChart',
        name: 'BarChart',
        component: () => import('@/views/charts/BarChart.vue')
    },
    {
        path: '/stackedBarChart',
        name: 'StackedBarChart',
        component: () => import('@/views/charts/StackedBarChart.vue')
    }
];
// 创建路由实例
const router = createRouter({
    history: createWebHashHistory(),
    routes
});
export default router;
